<!DOCTYPE html>
<html lang="cmn-hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>你好</title>
</head>
<body>
    
    <h1>一级标题</h1>
    <h2>2</h2>
    <h3>3</h3><!--ctrl+shift+enter:向上， ctrl+enter:向下-->
    <h>hello</h>
    <h4>4</h4>
    <h5>5</h5>
    <h6>6</h6>
    <!--h$*6>{$级标题},()是元素，[]是属性-->
    <h1>1级标题</h1>
    <h2>2级标题</h2>
    <h3>3级标题</h3>
    <h4>4级标题</h4>
    <h5>5级标题</h5>
    <h6>6级标题</h6>
    <!--lorem2：乱数假文-->
    <p>Lorem, ipsum.</p>
    <p>Soluta, perspiciatis.</p>
    <p>Pos
        
        simus,      veniam?</p>

        空白折叠：
        在源代码中的连续空白字符（
        空格、换行、制表）
        ，在页面显示时，
        会被折叠为一个空格
        <!--pre(预格式化文本元素)元素中不会出现空白折叠-->
    <!--块级元素(block)独占一行，行级(inline)元素不会，html5已经弃用这种说法-->
    <span >hao</span>
    &lt;p&gt;
    1&nbsp;&nbsp;1
    &copy;
    <a href="https://portal.speexx.cn/articles/list" target="_blank">hhh</a>
    <!-- a[href="#$"]*6>{章节$} -->
    <a href="#1"  target="_blank" title="标志属性s">章节1</a><a href="#2">章节2</a><a href="#3">章节3</a><a href="#4">章节4</a><a href="#5">章节5</a><a href="#6">章节6</a>
    <!--((h2[id="$"]>{章节$})+p>lorem$)*6-->
    <!-- 跳转锚点，地址也会变 -->
    <h2 id="1">章节1</h2>
    <p>Lorem.</p>
    <h2 id="2">章节2</h2>
    <p>Nemo, quam?</p>
    <h2 id="3">章节3</h2>
    <p>Perspiciatis, repudiandae obcaecati!</p>
    <h2 id="4">章节4</h2>
    <p>Eum, voluptate. Veritatis, nulla.</p>
    <h2 id="5">章节5</h2>
    <p>Nisi laudantium quod est? Expedita.</p>
    <h2 id="6">章节6</h2>
    <p>Quae natus facere repellat dolorum quas!</p>
    <a href="">回到顶部</a>
    
</body>
</html>